import HeaderLogo from '../static/home/logo.png'
import SmallImg from '../static/home/small-bac.gif'
import { keyframes } from 'styled-components'

export const boxWidthBig = '1280px'//1170px //最外层盒子宽度
export const boxWidthMiddle = '1080px//970px' //最外层盒子宽度
export const boxWidthSmall = '860px//750px' //最外层盒子宽度
export const headerLogo = HeaderLogo //logo图标
export const smallImg = SmallImg //背景小图
export const golFamily = '"Microsoft Yahei",Helvetica,Arial,sansserif'//字体类型
export const navFontColor = 'rgb(120,120,120)'//导航子列表字体颜色
export const btnColor = 'rgb(217, 83, 79)'
export const backColor = 'rgba(10,10,0,.7)'//整体色调
export const boxShadow = '0 0 40px black'
export const navIcoRotate = keyframes`
  to {
    transform: rotate(360deg);
  }
`
//背景图动画
export const playImg = keyframes`
  0%{
    transform: scale(1);
  }
  70%{
    transform: scale(1.2);
    opacity: 1;
  }
  100%{
    transform: scale(1.1);
    opacity: 0;
  }
`
//标题移入样式
export const titleHover = keyframes`
  0%{
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF;
  }
  100%{
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;
  }
`